#index_icon{width:363px; height:70px;}
.span3 .lazy {height:245px;}
.cp img{width:190px; height:160px;}
.wenbenkuang{width:20px;}
.navbar-wrapper {background-color: #213557;}
/*主框架样式*/
#qyt_main_frame { font-size: 12px; top: 20px; z-index: 9999; right: 1px; position: fixed; _position: absolute; text-align: left; font-family: 微软雅黑; }
/*默认样式*/
#qyt_main_frame h1,#qyt_main_frame h2 { margin: 0; padding: 0; font-weight: normal; }
#qyt_main_frame ul,#qyt_main_frame li { margin: 0; padding: 0; list-style: none; }
#qyt_main_frame img { border: 0; }
#qyt_main_frame textarea,#qyt_main_frame input,#qyt_main_frame p { border: 0; margin: 0; padding: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; }
#qyt_main_frame textarea:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.qyt_inner { background: green; z-index: -2; position: absolute; right: 5px; bottom: 0; left: 5px; top: 0; margin: 5px 0; padding-bottom: 10px; zoom: 1; }
.qyt { width: 100%; height: 100%; }
.qyt span { display: block; text-align: left; }
.qyt_icon { background: url('../image/Visit/qyt_icon.png'); }
.qyt_x { background-image: url("../image/Visit/qyt_x.png"); }
.qyt_y { background-image: url("../image/Visit/qyt_y.png"); }
.opacity-90 { filter: alpha(opacity=95); /* MSIE/PC */ -moz-opacity: 0.95; /* Mozilla 1.6 and older */ opacity: 0.95; }
.opacity-50 { filter: alpha(opacity=50); /* MSIE/PC */ -moz-opacity: 0.5; /* Mozilla 1.6 and older */ opacity: 0.5; }
/*顶部样式*/
.qyt_top { height: 10px; padding: 0 10px; }
.qyt_t_l, .qyt_t_r { width: 10px; height: 10px; font-size: 0%; margin-top: -10px; }
.qyt_t_l { float: left; background-position: -18px 0px; cursor: nw-resize; }
/*左上角*/
.qyt_t_r { float: right; background-position: -28px 0px; cursor: ne-resize; }
/*右上角*/
.qyt_t_m { height: 10px; font-size: 0%; width: 100%; cursor: n-resize; background-repeat: repeat-x; background-position: 0 0; }
/*这是可左右伸展的区域，两例留出空白便于放置左右角容器*/
/*中间样式*/
.qyt_middle_chat { zoom: 1; position: relative; _overflow: hidden; }
.qyt_middle { zoom: 1; overflow: hidden; _position: relative; }
.qyt_m_l_chat, .qyt_m_r_chat { width: 5px; height: 100%; background-repeat: repeat-y; }
/*两列等高*/
.qyt_m_l, .qyt_m_r { width: 10px; padding-bottom: 8000px; margin-bottom: -8000px; background-repeat: repeat-y; }
/*两列等高*/
.qyt_m_l, .qyt_m_l_chat { float: left; background-position: 0px 0px; cursor: w-resize; }
/*左边框*/
.qyt_m_r_chat { float: right; background-position: -15px 0; cursor: e-resize; }
/*右边框*/
.qyt_m_r { float: right; background-position: -10px 0; cursor: e-resize; }
/*右边框*/
/*底部样式*/
.qyt_bottom { padding: 0 10px; height: 10px; }
/*这是可左右伸展的区域，两例留出空白便于放置左右列同高容器*/
.qyt_b_m { width: 100%; height: 10px; font-size: 0%; background-repeat: repeat-x; background-position: 0px -10px; cursor: s-resize; }
.qyt_b_l, .qyt_b_r { height: 10px; font-size: 0%; width: 10px; margin-top: -10px; }
.qyt_b_l { float: left; background-position: -18px -10px; cursor: sw-resize; }
/*左下角*/
.qyt_b_r { float: right; background-position: -28px -10px; cursor: se-resize; }
/*右下角*/
/*内容区*/
.qyt_context_chat { margin: 0 5px; background-color: #fff; }
.qyt_context { margin: 0 10px; }
/*列表模式*/
.qyt_titletext { color: #fff; font-size: 14px; overflow: hidden; text-shadow: 0 1px 0 #000000; position: relative; top: -1px; left: -2px; background-position: -52px -180px; background-repeat: no-repeat; height: 20px; }
#qyt_skin { float: right; background: url("../image/Visit/color.png"); height: 16px; width: 16px; margin-top: 7px; }
a.qyt_close { float: right; background-position: -70px -75px; cursor: pointer; height: 14px; margin-left: 4px; width: 21px; }
a.qyt_close:hover { background-position: -70px -101px; }
.qyt_title_head { height: 50px; overflow: hidden; }
#qyt_logo { width: 37px; height: 37px; margin: 3px; _margin-top: 2px; }
.qyt_logo { background-position: -2px -107px; width: 43px; height: 43px; float: left; overflow: hidden; }
.qyticon_logo { height: 109px; width: 95px; background-position: -0px -210px; margin: 35px auto; }
a.qyt_logo:hover { background-position: -0px -165px; }
.qyt_title_text { color: #fff; line-height: 20px; font-weight: bold; word-wrap: break-word; text-shadow: 0 0 7px #FFFFFF,0 0 3px #000000; }

.qyt_body { border: 1px solid #929292; background-color: #fff; }
#qyt_container { background-color: #fff; margin-bottom: 50px; overflow: hidden; +overflow:visible; }

.servicesitems { clear: both; overflow: hidden; }
#qyt_list { display: none; }
a.qyt_list_dept_a { height: 25px; line-height: 25px; text-decoration: none; color: #000; float: left; display: inline-block; width: 100%; }
a.qyt_list_dept_a:link, a.qyt_list_dept_a:visited { text-decoration: none; color: #000; }
a.qyt_list_dept_a:hover { background-color: #E9FAE9; text-decoration: none; color: #000; }
.qyt_list_span { padding: 0; float: left; background: url('../image/Visit/qyt_icon.png') -2px -47px; _background: url('../image/Visit/qyt_icon_8.png') -2px -47px; width: 10px; height: 25px; margin: 0 5px; display: inline; }
.qyt_list_span_click { float: left; background: url('../image/Visit/qyt_icon.png') -31px -47px; _background: url('../image/Visit/qyt_icon_8.png') -31px -47px; width: 10px; height: 25px; margin: 0 5px; display: inline; }
.qyt_list_span_txt { float: left; width: 84%; overflow: hidden; height: 25px; _width: 78%; margin-left: 0; }
a.qyt_list_service_a { display: block; text-decoration: none; color: #818181; height: 20px; line-height: 20px; _line-height: 20px; margin-top: 3px; }
a.qyt_list_service_a:link, a.qyt_list_service_a:visited { text-decoration: none; color: #818181; }
a.qyt_list_service_a:hover { background-color: #DAF9DA; text-decoration: none; color: #818181; }
.qyt_service_face { padding: 0; float: left; width: 16px; height: 17px; margin: 0 8px; }
.qyt_list_online { margin-left: 5px; }
.qyt-mobile { height: 16px; width: 16px; display: inline-block; vertical-align: middle; margin-left: 2px; }
.qyt-iphone { background: url("../image/Visit/iphone.png"); }
.qyt-iphone-offline { background: url("../image/Visit/iphone_offline.png"); }
.qyt-andorid { background: url("../image/Visit/andorid.png"); }
#qyt_titlebar { cursor: move; }
.qyt_menu_bar { display: none; position: absolute; top: 20px; width: 31px; height: 114px; right: -31px; cursor: pointer; }
.qyt_msgbox { display: none; position: absolute; padding: 6px; background-color: Black; z-index: 9001; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/*邀请框*/
#qyt_invite_wrap { width: 398px; color: #1D3D3F; height: 148px; position: fixed; _position: absolute; cursor: move; display: none; z-index: 9999; }
#qyt_invite_title { font-size: 14px; font-weight: bold; line-height: 40px; text-align: left; text-indent: 8px; margin-left: 5px; }
#qyt_invite_content { clear: both; font-size: 12px; line-height: 25px; margin-left: 20px; padding: 15px 15px 0 10px; text-align: left; height: 50px; width: 270px; overflow: hidden; }
#qyt_invite_btn { margin: 0; padding: 0; }
#qyt_invite_btn li { float: left; cursor: pointer; width: 85px; height: 23px; line-height: 23px; font-size: 12px; text-align: center; margin-top: 6px; font-weight: bold; }
#qyt_invite_main { background: url("../image/Visit/invitebg.png"); height: 162px; width: 412px; margin: -7px; }
#qyt_icon_img { width: 113px; height: 96px; max-width:113px }

/*聊天模式*/
.gray { background-color: #eee; }
.hei { background-color: #555; }
#qyt_chat_header { height: 30px; line-height: 30px; position: relative; top: -5px; border-radius: 2px 2px 0 0; -moz-border-radius: 2px; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px; }
#qyt_chat_header a { float: right; position: relative; }

.qyt_open { background-position: -29px -328px; width: 20px; height: 17px; top: 5px; right: 18px; }
#qyt_min { background-position: -55px -335px; width: 13px; height: 11px; top: 13px; right: 8px; }
.qyt_return { background: url("../image/Visit/return2.png") no-repeat; height: 18px; width: 18px; display: block; float: right; position: absolute; top: 5px; right: 15px; }

#qyt_chat_title { text-align: center; cursor: move; color: #555; }
#qyt_chat_nav { height: 50px; _overflow: hidden; background: #fff; border-bottom: 1px solid #ccc; position: relative; }
/*#qyt_chat_nav .qyt_service_logo { display: inline-block; background-position: -0px -455px; width: 60px; height: 60px; text-align: center; padding-top: 2px; position: relative; top: 5px; left: 5px; }*/
#qyt_chat_nav .qyt_service_logo { display: inline-block; width: 50px; height: 50px; text-align: center; position: absolute; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; top: -10px; left: 10px; }
#qyt_chat_nav .qyt_service_logo img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
#qyt_chat_nav .qyt_service_msg { font-size: 12px; color: #8b8d8d; overflow: hidden; padding-left: 70px; }
#qyt_chat_nav .qyt_service_msg span { display: block; font-size: 15px; padding-bottom: 2px; padding-top: 1px; color: #333; }
/*简单窗口*/
#qyt_chat_simple { height: 180px; margin-top: -5px; cursor: pointer; }
.qyt_simple_inners { padding: 0px 10px; height: 135px; overflow: hidden; }
.qyt_simple_logo { margin-top: 18px; margin-left: 8px; float: left; }
.qyt_simple_txt { float: left; margin-top: 60px; font-size: 18px; padding-left: 20px; }
.qyt_simple_inputarea { margin-top: 15px; _margin-top: 10px; background: #fff; overflow: hidden; border-top: 1px solid #ccc; }
#qyt_simple_input { border: none; margin-bottom: 0; width: 210px; _width: 195px; height: 29px; line-height: 29px; color: #575858; padding: 0 3px; }
#qyt_simple_btn { background-position: -80px -355px; width: 29px; height: 29px; border: none; float: right; cursor: pointer; }
/*遮罩层*/
#floatBoxBg, .mask { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000); position: absolute; top: 0; left: 0; z-index: 19; display: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
.mask_tip { border: 1px solid #7f969e; background-color: #fff; margin: 30% 20px 0; box-shadow: 0 0 4px #4d4d4d; z-index: 20; }
.mask_tip h5 { margin: 0; line-height: 30px; height: 30px; font-size: 12px; background: url(../image/Visit/info.png) no-repeat 10px center; padding-left: 30px; }
.mask_tip .tip { padding: 0 10px 10px; color: #666666; }
.mask_tip .link { padding: 0 10px 10px; text-align: right; }
.mask_tip .link a, .mask_tip .link a, .mask_tip .link a { margin-right: 5px; color: #333333; }
.mask_tip .link a:hover { color: #ff6600; }
/*from*/
#floatBox p input { border: 1px solid #ABADB3; padding: 2px; }
#floatBox { position: absolute; min-width: 322px; _width: 322px; top: 100px; z-index: 20; display: none; background: #EAEAEA; border: 1px solid #CACACA; }
#floatBox label { width: 60px; text-align: right; display: inline-block; }
.form_wrap { background-color: #fff; zoom: 1; margin: 5px; }
#floatBox p { margin: 8px; padding: 0; text-align: left; }
.form_title { height: 40px; font-weight: bold; border-bottom: 3px solid #CEECF9; font-size: 14px; line-height: 40px; padding: 0 5px; }
.form_title_img { float: right; height: 22px; width: 22px; background: url("../image/Visit/edit.gif") no-repeat; margin-top: 10px; }
.small-input { width: 130px; margin-right: 20px; }
.large-input { width: 220px; }
.btn_field { text-align: center; width: 100%; height: 45px; border-top: 1px dashed #EAEAEA; }
.btn_field input { width: 50px; border: 1px solid #ABADB3; }
/*聊天框*/
#qyt_chat_body { color: #bbb; background: #fff; margin-top: -5px; }
#qyt_main_frame .qyt_msg_time { text-align: center; }
#qyt_main_frame .qyt_msg_sys { text-align: center; color: #666666; padding: 5px; margin: 10px 10px; border: 1px solid #fff0e5; background: #fffcfa;  font-size:12px;box-shadow:0 1px 0 #fff inset,0 -1px 0 #fff inset; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}/*0823*/
#qyt_main_frame .qyt_msg_uslt,#qyt_main_frame .qyt_msg_yoult { padding: 0 10px; margin-top: 10px; overflow: hidden; }
#qyt_main_frame .qyt_msg_uslt img { float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.qyt_msg_face { height: 30px; width: 30px; border: none; padding: 0; margin: 0; }
#qyt_main_frame .qyt_msg_yoult img { float: right; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.qyt_service_logo img { width: 50px; height: 50px; }
.qyt_msg_txt { position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; max-width: 75%; float: left; display: inline; color: #333333; word-wrap: break-word; font-size:12px; }/*0823*/
#qyt_chat_body .qyt_msg_txt img { border: none; }
.qyt_msg_us { border: 1px solid #caebfc; background: #f0f8fc; margin-left: 20px; float: left; zoom: 1; box-shadow:0 1px 0 #f5fcff inset,0 -1px 0 #f5fcff inset; }/*0823*/
.qyt_msg_you { background: #caecfc; border: 1px solid #7ec8ed; margin-right: 20px; float: right;box-shadow:0 1px 0 #e0f4fe inset,0 -1px 0 #e0f4fe inset; }/*0823*/
.qyt_us_arrow { background-position: -0px -330px; width: 12px; height: 14px; position: absolute; left: -12px; top: 2px; }
.qyt_you_arrow { background-position: -15px -330px; width: 12px; height: 14px; position: absolute; right: -12px; top: 4px; float: right; }
#qyt_chat_content { overflow-y: auto; height: 236px; position: relative; zoom: 1; }
.qyt_spilt { visibility: hidden; width: 100%; margin-right: 0; height: 8px; background: url("../image/Visit/split.png") no-repeat center center; _display: none; }
.qyt_chat_inputarea { padding: 8px 10px 0; height: auto; overflow: hidden; }
.qyt_input { height: 41px; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d6d6d6; -moz-box-shadow: 0 0 3px #d6d6d6 inset; -webkit-box-shadow: 0 0 3px #d6d6d6 inset; box-shadow: 0 0 3px #d6d6d6 inset; }
#qyt_main_frame .qyt_input_text { height: 41px; width: 100%; overflow: hidden; resize: none; word-wrap: break-word; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; color: #555; line-height: 20px; }

.qyt_input_focus { border: 1px solid #818181; -moz-box-shadow: 0 0 3px #ddd inset !important; -webkit-box-shadow: 0 0 3px #ddd inset !important; box-shadow: 0 0 3px #ddd inset !important; }
.qyt_chat_footer { background: #fff; width: 100%; _position: absolute; background-color: #fff; }
.qyt_footer_bar { color: #999; line-height: 30px; padding: 0 8px; text-align: center; }
.qyt_footer_bar a { color: #666; text-decoration: none; }
.qyt_footer_bar a:hover { color: #000; }
/*#qyt_chat_icon { background-position: -0px -350px; width: 44px; height: 38px; margin-top: -38px; display: none; }
#qyt_chat_icon span { background-position: -45px -355px; width: 25px; height: 25px; line-height: 25px; display: block; position: relative; top: -8px; color: #fff; text-align: center; z-index: 9999; }*/
#qyt_chat_icon { background: url("../image/Visit/whicon.png"); width: 120px; height: 70px; margin-top: -70px; display: none; cursor: pointer; }
#qyt_chat_icon span { background: url("../image/Visit/tag.png"); width: 32px; height: 19px; line-height: 15px; display: block; position: relative; top: 6px; left: 58px; color: #fff; text-align: center; z-index: 9999; }
.iconleft { left: 30px; }
.iconright { left: -8px; }
.sysTip { -webkit-animation: borderLight 1s; -moz-animation: borderLight 1s; animation: borderLight 1s; outline: none; }
.qyt_mobile_icon, .qyt_mobile_icon_over { display: inline-block; cursor: pointer; background: url("../image/Visit/m.png"); background-size: 33px 56px; background-position-y: -30px; width: 33px; height: 28px; backface-visibility: hidden; }
.qyt_mobile_icon_over { position: absolute; background-position-y: 0px; display: none; -webkit-animation: opacity 1s infinite ease-out alternate; }

#qyt_mobile_send { display: inline-block; border: none; background-color: transparent; cursor: pointer; background: url("../image/Visit/send_button.png"); display: none; width: 49px; height: 25px; padding: 0; margin: 0; position: absolute; right: 22px; }

.animate { -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; }

.time_box_l { text-align: left; }
.time_box_r { text-align: right; }
.time_box_l span.time, .time_box_r span.time { display: inline-block; padding-top: 2px; color: #b3b3b3; font-size: 10px; }

#qyt_main_frame .message_record { text-align: center; background: url(../image/Visit/pline.gif) no-repeat center center; margin: 10px 0; }
.message_record span { display: inline-block; padding: 0 10px; background-color: #fff; color: #666; }

@-webkit-keyframes borderLight {
    50% { border-color: rgba(255,163,102,0.5); box-shadow: 0 0 0 rgba(255,163,102,3); -moz-box-shadow: 0 0 0 rgba(255,163,102,3); -webkit-box-shadow: 0 0 0 rgba(255,163,102,3); }
    100% { border: 1px solid #ff6600; }
}
@-moz-keyframes borderLight {
    50% { border-color: rgba(255,163,102,0.5); box-shadow: 0 0 0 rgba(255,163,102,3); -moz-box-shadow: 0 0 0 rgba(255,163,102,3); -webkit-box-shadow: 0 0 0 rgba(255,163,102,3); }
    100% { border: 1px solid #ff6600; }
}
@-ms-keyframes borderLight {
    50% { border-color: rgba(255,163,102,0.5); box-shadow: 0 0 0 rgba(255,163,102,3); -moz-box-shadow: 0 0 0 rgba(255,163,102,3); -webkit-box-shadow: 0 0 0 rgba(255,163,102,3); }
    100% { border: 1px solid #ff6600; }
}

@-webkit-keyframes opacity {
    from { opacity: 0; }
    to { opacity: 1; }
}